<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
	    <title>潮流童装城</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="apple-touch-icon" href="${rooturl}/img/apple-touch-icon.png">
		<link rel="shortcut icon" type="image/x-icon" href="${rooturl}/img/icon/favicon.ico">
        <!-- Place favicon.ico in the root directory -->		
		
		<!-- all css here -->
        <link rel="stylesheet" href="${rooturl}/css/bootstrap.min.css">
        <link rel="stylesheet" href="${rooturl}/css/font-awesome.min.css">
        <link rel="stylesheet" href="${rooturl}/css/elegant-font.css">
        <link rel="stylesheet" href="${rooturl}/css/material-design-iconic-font.min.css">
        <link rel="stylesheet" href="${rooturl}/css/meanmenu.min.css">
        <link rel="stylesheet" href="${rooturl}/css/animate.css">
        <link rel="stylesheet" href="${rooturl}/css/magnific-popup.css">
		<link rel="stylesheet" href="${rooturl}/css/animate-heading.css">
        <link rel="stylesheet" href="${rooturl}/css/owl.carousel.min.css">
        <link rel="stylesheet" href="${rooturl}/css/owl.theme.default.min.css">
        <link rel="stylesheet" href="${rooturl}/css/shortcode/shortcodes.css">
        <link rel="stylesheet" href="${rooturl}/css/style.css">
        <link rel="stylesheet" href="${rooturl}/css/responsive.css">
        <script src="${rooturl}/js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>
    	<!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
		<!-- Header Area Start -->
		<header>
			<!-- Header Menu Area -->
			<div class="menu-area mt-60">
				<div class="container">
					<div class="row">
						<div class="col-md-3 col-sm-12">
							<div class="logo-area text-center text-uppercase">
								<a href="${rooturl}/homepage/index"><img src="${rooturl}/img/icon/logo.png" alt="" /></a>
							</div>
						</div>
						<div class="col-md-9 col-sm-12">
							<div class="main-menu lemon-bg">
								<nav>
									<ul id="nav">
										<li><a href="${rooturl}/index.html">主页</a></li>
										<li><a href="${rooturl}/about.html">关于我们</a></li>
										<li><a href="${rooturl}/shop.html">商城</a>
											<ul>
												<li><a href="${rooturl}/shop.html"><i class="arrow_carrot-right"></i> Shop</a></li>
												<li><a href="${rooturl}/shop-grid.html"><i class="arrow_carrot-right"></i> Shop Grid</a></li>
												<li><a href="${rooturl}/shop-list.html"><i class="arrow_carrot-right"></i> Shop List</a></li>
												<li><a href="${rooturl}/single-product.html"><i class="arrow_carrot-right"></i> Single Product</a></li>
											</ul>
										</li>
										<li><a href="${rooturl}/blog.html">博客</a>
											<ul>
												<li><a href="${rooturl}/blog.html"><i class="arrow_carrot-right"></i>博客列表</a></li>
												<li><a href="${rooturl}/blog-details.html"><i class="arrow_carrot-right"></i>博客内容</a></li>
											</ul>
										</li>
										<li><a href="${rooturl}/">相关页面</a>
											<ul>
												<li><a href="${rooturl}/checkout.html"><i class="arrow_carrot-right"></i>结帐</a></li>
												<li><a href="${rooturl}/cart.html"><i class="arrow_carrot-right"></i>购物车</a></li>
												<li><a href="${rooturl}/account.html"><i class="arrow_carrot-right"></i>账户</a></li>
												<li><a href="${rooturl}/login.html"><i class="arrow_carrot-right"></i>登录</a></li>
											</ul>
										</li>
										<li><a href="${rooturl}/portfolio.html">文件夹</a></li>
										<li><a href="${rooturl}/contact.html">接触</a></li>
									</ul>
								</nav>
								<!-- Product Cart -->
								<div class="menu-right-area">
									<a href="${rooturl}/" class="mini-cart-icon">
										<i class="icon_cart_alt"></i>
										<span>2</span>
									</a>
									<div class="top-cart-content">
										<!-- Cart Single -->
										<div class="media header-middle-checkout">
											<div class="media-left check-img">
												<a href="${rooturl}/">
													<img alt="" src="${rooturl}/img/other/cart-1.jpg">
												</a>
											</div>
											<div class="media-body checkout-content">
												<h4 class="media-heading">
													<a href="${rooturl}/">男性时尚喷雾</a>
													<span title="Remove This Item" class="btn-remove checkout-remove">
														<i class="fa fa-trash"></i>
													</span>
												</h4>
												<p>1 x $111.00</p>
											</div>
										</div>
										<!-- Cart Single -->
										<!-- Cart Single -->
										<div class="media header-middle-checkout">
											<div class="media-left check-img">
												<a href="${rooturl}/">
													<img alt="" src="${rooturl}/img/other/cart-2.jpg">
												</a>
											</div>
											<div class="media-body checkout-content">
												<h4 class="media-heading">
													<a href="${rooturl}/">女性时尚包包</a>
													<span title="Remove This Item" class="btn-remove checkout-remove">
														<i class="fa fa-trash"></i>
													</span>
												</h4>
												<p>3 x $125.00</p>
											</div>
										</div>
										<!-- Cart Single -->
										<div class="actions">
											<button type="button" title="Checkout-botton" class="Checkout-botton">
												<span>结帐</span>
											</button>
										</div>
									</div>
								</div>
								<!-- Product Cart -->
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Header Menu Area -->
			<!-- Header Slider Area -->
			<div class="slider-area">
				<div class="bend niceties preview">
					<div id="ensign-nivoslider" class="slides">	
						<img src="${rooturl}/img/slider/1.jpg" alt="" title="#slider-direction-1"  />
						<img src="${rooturl}/img/slider/2.jpg" alt="" title="#slider-direction-1"  />
					</div>
					<!-- direction 1 -->
					<div id="slider-direction-1" class="slider-direction">
						<div class="slider-content text-center s-tb slider-1">
							<div class="title-container s-tb-c title-compress">
								<h2 class="title2">
									<span class="icon-left" data-icon="&#x7b;"></span>
										独家与魅力看起来
									<span class="icon-right" data-icon="&#x7b;"></span>
								</h2>
								<h1 class="title1">sopzon 2017收藏</h1>
								<div class="slider-btn text-uppercase">
									<a href="${rooturl}/">查看所有 <span class="icon-left" data-icon="&#x24;"></span></a>
								</div>
								<!-- Icon Left -->
								<div class="social-icon-left">
									<ul>
										<li><a href="${rooturl}/" class="social_facebook"></a></li>
										<li><a href="${rooturl}/" class="social_googleplus"></a></li>
										<li><a href="${rooturl}/" class="social_twitter"></a></li>
									</ul>
								</div>
								<!-- Icon Left -->
								<!-- Icon Right -->
								<div class="social-icon-right">
									<ul>
										<li><a href="${rooturl}/" class="icon_refresh"></a></li>
										<li><a href="${rooturl}/" class="icon_heart_alt"></a></li>
										<li><a href="${rooturl}/" class=" icon_search"></a></li>
									</ul>
								</div>
								<!-- Icon Right -->
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Header Slider Area -->
			<!-- MOBILE-MENU-AREA START --> 
			<div class="mobile-menu-area">
				<div class="container">
					<div class="row">
						<div class="col-md-12 col-sm-12">
							<div class="mobile-area">
								<div class="mobile-menu">
									<nav id="mobile-nav">
										<ul>
											<li><a href="${rooturl}/index.html">主页 </a>
												<ul>
													<li><a href="${rooturl}/index.html">主页一</a></li>
													<li><a href="${rooturl}/index-3.html">主页三</a></li>
													<li><a href="${rooturl}/index-4.html">主页四</a></li>
												</ul>
											</li>
											<li><a href="${rooturl}/about.html"> 关于我们 </a></li>
											<li><a href="${rooturl}/shop.html">商城</a>
												<ul>
													<li><a href="${rooturl}/shop.html">商城</a></li>
													<li><a href="${rooturl}/shop-grid.html"> 店格</a></li>
													<li><a href="${rooturl}/shop-list.html"> 购物清单</a></li>
													<li><a href="${rooturl}/single-product.html">单一的产品</a></li>
												</ul>
											</li>
											<li><a href="${rooturl}/blog.html">博客</a></li>
											<li><a href="${rooturl}/blog-details.html">博客详情</a></li>
											<li><a href="${rooturl}/">页</a>
												<ul>
													<li><a href="${rooturl}/checkout.html">结帐</a></li>
													<li><a href="${rooturl}/cart.html">车</a></li>
													<li><a href="${rooturl}/account.html">账户</a></li>
													<li><a href="${rooturl}/wishlist.html">愿望清单</a></li>
													<li><a href="${rooturl}/blog-details.html">博客</a></li>
													<li><a href="${rooturl}/login.html">登录</a></li>
												</ul>
											</li>
											<li><a href="${rooturl}/portfolio.html">文件夹</a></li>
											<li><a href="${rooturl}/404.html">404错误</a></li>
											<li><a href="${rooturl}/contact.html">接触</a></li>
										</ul>
									</nav>
								</div>	
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- MOBILE-MENU-AREA END  -->
		</header>
        <!-- Header Area End -->
